<%--
  Created by IntelliJ IDEA.
  User: sky_group6
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>基本信息</title>
    <link rel="Shortcut Icon" href="/img/ctgu_icon.jpg" type="image/x-icon" />
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- start CSS -->

    <!-- Font CSS -->
    <link rel="stylesheet" type="text/css" href="../../vendor/font-awesome/css/font-awesome.min.css">
    <!-- Vendor CSS -->
    <link rel="stylesheet" type="text/css" href="../../vendor/bootstrap/css/grid.css">
    <link rel="stylesheet" type="text/css" href="../../vendor/bootstrap/css/bootstrap.min.css">
    <!-- Page CSS -->
    <link rel="stylesheet" type="text/css" href="../../css/main.css">
    <link rel="stylesheet" type="text/css" href="../../css/student.css">
    <link rel="stylesheet" type="text/css" href="../../css/style-manager.css">
    <!-- end CSS -->

    <script>
        var globalSex = "${student.sex}";
        var globalBirthday = "${student.birthday}";
    </script>

</head>

<body>
<div class="page-wrap" id="root">
    <!-- header -->
    <header class="header header--fixed" id="header--absolute">
        <div class="container">
            <div class="header__inner">
                <div class="header__logo">
                    <img style="height: 80px;width: 343px;" src="/img/ctgu_logo.png">
                </div>
                <div class="header__menu">

                    <!-- onepage-nav -->
                    <nav class="onepage-nav">

                        <!-- onepage-menu -->
                        <ul class="onepage-menu">
                            <li><a href="${pageContext.request.contextPath}index">主页</a>
                            </li>
                            <li  class="current-menu-item"><a href="${pageContext.request.contextPath}info">个人信息</a>
                            </li>
                            <li><a href="${pageContext.request.contextPath}pay">缴费信息</a>
                            </li>
                            <li><a href="${pageContext.request.contextPath}green">绿色通道</a>
                            </li>
                            <li><a href="${pageContext.request.contextPath}room">寝室选择</a>
                            </li>
                            <li><a href="${pageContext.request.contextPath}confirm">确认报到</a>
                            </li>
                            <li><a href="/logout">退出登录</a>
                            </li>
                        </ul><!-- onepage-menu -->

                        <div class="navbar-toggle"><span></span><span></span><span></span></div>
                    </nav><!-- End / onepage-nav -->

                </div>
            </div>
        </div>
    </header><!-- End / header -->

    <!-- Content-->
    <div class="awe-content">
        <!-- hero -->
        <!--<section class="hero awe-text-center" id="id-1"> -->
        <section class="awe-section">
            <div>
                <img style="width: 100%;" src="../../img/student-background1.png"/>
            </div>
        </section><!-- End / hero -->

            <div class="container">
                <div class="row" style="margin-bottom: 20px;">
                    <div class="col-md-3">
                        <div class="panel-body panel-stu">
                            <img src="/img/avatar1.jpg" alt="" class="stuAvatar">
                            <div class="stuInfo">
                                <p class="stuInfo-detail">${student.name}</p>
                                <p class="stuInfo-detail">计算机与信息学院</p>
                                <p class="stuInfo-detail">${student.IDNum}</p>
                            </div>
                        </div>
                        <div class="panel-body panel-functions">
                            <p id="basicInfo" style="background-color: #d3bef7;" onclick="clickBasicInfo()"><i class="fa fa-user" aria-hidden="true"></i> 基本信息</p>
                            <p id="changePass" onclick="clickChangePass()"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改密码</p>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <!-- ac-tab__panel -->
                        <div class="panel panel-default">
                            <div class="panel-heading panel-info-head">
                                <p class="panel-info-title" id="tab1-title">基本信息</p>
                                <p class="panel-info-title" id="tab2-title" style="display: none;">修改密码</p>
                            </div>
                            <div class="panel-body panel-info-body">
                                <div class="tab-pane active" id="tab1">
                                    <form class="form-horizontal" id="infoForm">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">用户名</label>
                                            <div class="col-sm-9">
                                                <input type="text" name="name" class="form-control" value="${student.name}" />
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">身份证号</label>
                                            <div class="col-sm-9">
                                                <input type="text" name="IDNum" class="form-control" value="${student.IDNum}" disabled/>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">年龄</label>
                                            <div class="col-sm-9">
                                                <input type="text" name="age" class="form-control" value="${student.age}"/>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">性别</label>
                                            <div class="col-sm-9">
                                                <div >
                                                    <div class="radio-custom radio-inline" style="display:inline-block;">
                                                        <input type="radio" id="male" name="sex" value="男">
                                                        <label for="male">男</label>
                                                    </div>
                                                    <div class="radio-custom radio-inline" style="display:inline-block">
                                                        <input type="radio" id="female" name="sex" value="女">
                                                        <label for="female">女</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">生日</label>
                                            <div class="col-sm-9">
                                                <input type="date" name="birthday" class="form-control" />
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">手机号码</label>
                                            <div class="col-sm-9">
                                                <input name="tel" class="form-control" value="${student.tel}" required />
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-9 col-sm-offset-3">
                                                <div class="bk-margin-right-15">
                                                    <button  id="saveProfile" type="button" class="btn btn-primary panel-btns">保存信息</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <!-- End / ac-tab__panel -->
                                <!-- ac-tab__panel -->
                                <div class="tab-pane" id="tab2" style="display: none;">
                                    <form class="form-horizontal" id="resetPwdForm">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">原始密码</label>
                                            <div class="col-sm-9">
                                                <input type="password" name="oldPwd" class="form-control"/>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">新密码</label>
                                            <div class="col-sm-9">
                                                <input type="password" name="newPwd" class="form-control"/>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">确认密码</label>
                                            <div class="col-sm-9">
                                                <input type="password" name="confirmPwd" class="form-control"/>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-9 col-sm-offset-3">
                                                <div class="bk-margin-right-15">
                                                    <button  id="resetPwd" type="button" class="btn btn-primary panel-btns">保存信息</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <!-- End / ac-tab__panel -->
                            </div>
                        </div>

                    </div>
                </div>

            </div>

    </div>
    <!-- End / Content-->

    <!-- footer -->
    <div class="footer" style="padding: 50px 0;">
        <div id="back-to-top"><i class="fa fa-angle-up"></i></div>
        <div class="container" id="main-footer">
            <div class="footer__wrapper">
                <div class="footer__social">
                    <section>
                        <div class="row">
                            <div class="col-lg-4">
                                <ul class="left-ulw" >
                                    <li style="text-align: left;"><a href="http://www.ctgu.edu.cn/" style="text-align: left;">>三峡大学官网</a></li>
                                    <li style="margin-top: 10px;text-align: left;"><a href="http://jwc.ctgu.edu.cn/" >>三峡大学教务处</a></li>
                                    <li style="margin-top: 10px;text-align: left;"><a href="http://210.42.35.33/xg/home/login.do;jsessionid=wql2fCdPw1L8pJHKxy5CxV5Vpsbl1x3Q3Tp2G9rsXMsn17djm48J!-755141604" style="text-align: left;">>三峡大学学生工作管理系统</a></li>
                                </ul>
                            </div>
                            <div class="col-lg-4">
                                <ul class="left-ulw">
                                    <li style="text-align: left;"><a href="http://210.42.35.80/G2S/ShowSystem/Index.aspx" style="text-align: left;">>三峡大学求索学堂</a></li>
                                    <li style="margin-top: 10px;text-align: left;"><a href="http://hqjt.ctgu.edu.cn/" style="text-align: left;">>三峡大学后勤集团</a></li>
                                    <li style="margin-top: 10px;text-align: left;"><a href="https://ctguswzl.cn/login?next=%2F" style="text-align: left;">>三峡大学失物招领平台</a></li>
                                </ul>
                            </div>
                            <div class="col-lg-4">
                                <ul class="left-ulw">
                                    <li style="text-align: left;"><a href="http://210.42.41.119/" >>三峡大学图书馆</a></li>
                                    <li style="margin-top: 10px;text-align: left;"><a href="http://syw.ctgu.edu.cn/" >>三峡大学新闻中心</a></li>
                                    <li style="margin-top: 10px;text-align: left;"><a href="http://sxdxxlzx.ctgu.edu.cn/index.htm" >>三峡大学心理咨询</a></li>
                                </ul>
                            </div>
                        </div>
                    </section>
                </div>
                <p class="footer__copy" style="margin-top: 60px;">2021 &copy; 欢迎使用新生注册报到管理系统</p>
            </div>
        </div>
    </div><!-- End / footer -->

</div>


<!-- start: JavaScript -->

<!-- Vendor JS -->
<script type="text/javascript" src="../../vendor/js/jquery.min.js"></script>
<script type="text/javascript" src="../../vendor/bootstrap/js/bootstrap.min.js"></script>

<!-- Page JS -->
<script type="text/javascript" src="../../js/pages/studentinfo.js"></script>

<!-- end: JavaScript-->


</body>
</html>
